<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

<ui:composition>
	<h:outputScript>
		$(function() {

				$('#sb-slider').slicebox({
					slicesCount			: 10,
					sequentialRotation	: true,
					sequentialFactor	: 50,
					speed3d				: 250
				});
				
				if( !Modernizr.csstransforms3d ) {
					$('#sb-note').show();
					
					$('body').append(
						$('script').attr( 'type', 'text/javascript' ).attr( 'src', 'js/jquery.easing.1.3.js' )
					);
				}	
			});
	</h:outputScript>	
	<h:panelGroup>
		<div id="sb-slider" class="sb-slider">
			<a4j:repeat value="#{orderAction.orderRequest.itemOrdereds}" var="item" rowKeyVar="row">
				<img src="/FotoPorter/img?rowNum=#{row}&amp;imgHolder=orderAction" title="#{item.image.imageName}"/>
			</a4j:repeat>
		</div>		 
	</h:panelGroup>		    	
</ui:composition>
</html>